.page-login{
    .login-header {
      position: relative;
      width: 980px;
      height: auto;
      margin: 40px auto 30px;
      .site-logo {
        background: url(//s0.meituan.net/bs/file/?f=fe-sso-fs:build/assets/logo.6a89007.png) no-repeat;
        background-position: 0 !important;
        background-size: contain !important;
        width: 130px;
        height: 47px;
        display: block;
        text-indent: -9999px;
        overflow: hidden;
      }
    }
    .login-panel {
      margin: 0 auto 70px;
      width: 980px;
      display: flex;
      .banner {
        margin-right: 115px;
      }
      .form {
        display: flex;
        flex-direction: column;
        width: 270px;
        .tips {
          margin-bottom: 10px;
          padding: 10px;
          border: 1px solid #f5d8a7;
          border-radius: 2px;
          background: #fff6db;
          font-size: 12px;
          padding-left: 26px;
          >i {
            position: relative;
            &:after {
              position: absolute;
              display: inline-block;
              width: 17px;
              height: 17px;
              font-family: iconfont;
              font-style: normal;
              content: "\e64d";
              font-size: 28px;
              top: -9px;
              left: -24px;
            }
          }
        }
        em {
          font-style: normal;
          float: right;
        }
      }

      .el-input {
        margin-top: 10px;
      }

      .foot {
        margin-top: 10px;
        a {
          float: right;
          font-size: 12px;
          color: #FE8C00;
        }
      }

      .el-input__icon {
        &.profile {
          &:after {
            font-family: iconfont;
            content: "\e627";
            font-style: normal;
            top: -1px;
            left: 5px;
            position: absolute;
          }
        }

        &.password {
          &:after {
            font-family: iconfont;
            content: "\E600";
            font-style: normal;
            top: -1px;
            left: 3px;
            position: absolute;
            font-size: 18px;
          }
        }
      }

      .btn-login {
        font-size: 14px;
        font-weight: 700;
        margin-top: 10px;
        margin-bottom: 10px;
        color: #222;
        background-image: linear-gradient(135deg,#FFD000 0,#FFBD00 100%);
        border: none;
        padding: 7px 20px 6px;
        line-height: 1.5;
        letter-spacing: .1em;
      }
    }

    .login-footer {
      margin: 0 auto 30px;
      clear: both;
      width: 980px;
      font-size: 12px;
      color: #999;
      display: block;

      a {
        color: #999;
      }

      .cf {
        zoom: 1;
        &:after {
          content: '';
          display: block;
          clear: both;
          height: 0;
          overflow: hidden;
          visibility: hidden;
        }
      }

      .site-info-nav {
        margin-bottom: 20px;
        padding: 12px 0;
        border-top: 1px solid #EEE;
        border-bottom: 1px solid #EEE;


        li {
          list-style: none;
          float: left;
          margin: 5px 0;
          padding: 0 16px;
          line-height: 14px;
          border-right: 1px solid #EEE;
        }

        .first {
          padding-left: 0
        }
        .last {
          border-right: none;
        }
      }

      .copyright {
        text-align: left;
        clear: both;
        font-size: 12px;
        font-family: initial;
      }
    }
}
